<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>博客文章</title>
    <meta name="renderer" content="webkit">
    <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
    <meta http-equiv="Access-Control-Allow-Origin" content="*">
    <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="format-detection" content="telephone=no">
    <meta http-equiv="pragma" content="no-cache">
    <meta http-equiv="cache-control" content="no-cache">
    <meta http-equiv="expires" content="0">
    <link rel="icon" href="favicon.ico">
    <link rel="stylesheet" href="layui/css/layui.css" media="all" />

    <style>
        *{margin: 0;padding: 0;}
        .fly-header {
            position: fixed;
            left: 0;
            top: 0;
            z-index: 10000;
            width: 100%;
            height: 60px;
            border-bottom: 1px solid #404553;
            border-right: 1px solid #404553;
            border-radius: 0;
        }

        .fly-header {
            position: fixed;
            left: 0;
            bottom: 0;
            z-index: 10000;
            width: 100%;
            height: 60px;
            border-bottom: 1px solid #404553;
            border-right: 1px solid #404553;
            border-radius: 0;
        }

        .fly-logo {
            position: absolute;
            left: 15px;
            top: 11px;
        }
        .fly-nav {
            margin-left: 200px;
        }
        .fly-list li {
            position: relative;
            height: 45px;
            line-height: 22px;
            padding: 15px 15px 15px 15px;
            border-bottom: 1px dotted #e2e2e2;
            font-size: 18px;
            font-weight: bold;
        }
        .fly-item{
            padding: 10px 15px 0px 15px;
        }
        .fly-footer {
            margin: 50px 0 0;
            padding: 20px 0 30px;
            line-height: 30px;
            text-align: center;
            color: #737573;
            border-top: 1px solid #e2e2e2;
        }
    </style>
</head>
<body style="width: 100%;background-color: #f4f5f5">

<div id="header" class="fly-header" style="background-color: #393D49">
    <div class="layui-container">
        <a class="fly-logo" href="#">
            <img src="logo.png" alt="layui">
        </a>
        <ul class="layui-nav fly-nav" lay-filter="">
            <li class="layui-nav-item">
                <a href="javascript:;">前端开发</a>
                <dl class="layui-nav-child"> <!-- 二级菜单 -->
                    <dd><a href="">HTML</a></dd>
                    <dd><a href="">CSS</a></dd>
                    <dd><a href="">JS</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">后端开发</a>
                <dl class="layui-nav-child"> <!-- 二级菜单 -->
                    <dd><a href="">JAVA</a></dd>
                    <dd><a href="">PHP</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">移动开发</a>
                <dl class="layui-nav-child"> <!-- 二级菜单 -->
                    <dd><a href="">Android</a></dd>
                    <dd><a href="">Ios</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">数据库</a>
                <dl class="layui-nav-child"> <!-- 二级菜单 -->
                    <dd><a href="">Mysql</a></dd>
                    <dd><a href="">Orale</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item">
                <a href="javascript:;">前言技术</a>
                <dl class="layui-nav-child"> <!-- 二级菜单 -->
                    <dd><a href="">区块链</a></dd>
                    <dd><a href="">人工智能</a></dd>
                </dl>
            </li>
            <li class="layui-nav-item"><a href="">关于</a></li>
        </ul>
    </div>

</div>

<div id="container" class="layui-container" style="padding-top: 80px;min-height: 750px">

    <div class="layui-row">
        <div class="layui-col-md8">
            <div class="layui-card" style="margin-right: 10px">
                <div class="layui-card-header">文章详情</div>
                <div class="layui-card-body">
                    <h1 style="margin-top: 20px">Java集合——LinkedList</h1>
                    <div><span>阅读 91&nbsp;&nbsp;收藏 6&nbsp;&nbsp;2018-01-24</span></div>
                    <div>
                        <p style="text-indent: 2em;">MongoDB是一个基于分布式文件存储的数据库，它是一个介于关系数据库和非关系数据库之间的产品，其主要目标是在键/值存储方式（提供了高性能和高度伸缩性）和传统的RDBMS系统（具有丰富的功能）之间架起一座桥梁，它集两者的优势于一身。</p>

                        <p style="text-indent: 2em;">MongoDB支持的数据结构非常松散，是类似json的bson格式，因此可以存储比较复杂的数据类型，也因为他的存储格式也使得它所存储的数据在Nodejs程序应用中使用非常流畅。</p>

                        <p style="text-indent: 2em;">既然称为NoSQL数据库，Mongo的查询语言非常强大，其语法有点类似于面向对象的查询语言，几乎可以实现类似关系数据库单表查询的绝大部分功能，而且还支持对数据建立索引。</p>

                        <p style="text-indent: 2em;">但是，MongoDB也不是万能的，同MySQL等关系型数据库相比，它们在针对不同的数据类型和事务要求上都存在自己独特的优势。在数据存储的选择中，坚持多样化原则，选择更好更经济的方式，而不是自上而下的统一化。</p>

                        <p style="text-indent: 2em;">较常见的，我们可以直接用MongoDB来存储键值对类型的数据，如：验证码、Session等；由于MongoDB的横向扩展能力，也可以用来存储数据规模会在未来变的非常巨大的数据，如：日志、评论等；由于MongoDB存储数据的弱类型，也可以用来存储一些多变json数据，如：与外系统交互时经常变化的JSON报文。而对于一些对数据有复杂的高事务性要求的操作，如：账户交易等就不适合使用MongoDB来存储。</p>


                        <p>&nbsp; 的我的份</p><p><br></p><p>&nbsp; &nbsp; &nbsp; 饿哦符合欧if饿哦if荷藕if和</p><p><br></p><p>&nbsp; &nbsp; &nbsp; 菲欧if饿哦该哈佛IE哈佛额问问分为分为非</p><p><br></p><p>&nbsp; &nbsp; &nbsp;菲欧腹黑凤凰而非而非额额而非</p>

                    </div>
                </div>
            </div>



        </div>
        <div class="layui-col-md4">
            <div class="layui-card">
                <div class="layui-card-header">个人介绍</div>
                <div class="layui-card-body">
                    <div style="margin: 5px auto;text-align: center"><img src="headimg.png" width="100px" /></div>
                    <div style="margin-left: 10px;text-indent: 2em;">身处在前端社区的繁荣之下，我们都在有意或无意地追逐。而 layui 偏偏回望当初，奔赴在返璞归真的漫漫征途，自信并勇敢着，追寻于原生态的书写指令，试图以最简单的方式诠释高效</div>
                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">热门标签</div>
                <div class="layui-card-body">

                    <div class="layui-row layui-col-space10" style="text-align: center">
                        <div class="layui-col-md4">
                            <a href="#" class="layui-btn    layui-btn-xs layui-btn-radius layui-btn-primary">开源</a>
                        </div>
                        <div class="layui-col-md4">
                            <a href="#" class="layui-btn    layui-btn-xs layui-btn-radius layui-btn-primary">MVC</a>
                        </div>
                        <div class="layui-col-md4">
                            <a href="#" class="layui-btn   layui-btn-xs layui-btn-radius layui-btn-primary">Spring</a>
                        </div>
                    </div>

                    <div class="layui-row layui-col-space10" style="text-align: center">
                        <div class="layui-col-md4">
                            <a href="#" class="layui-btn    layui-btn-xs layui-btn-radius layui-btn-primary">算法</a>
                        </div>
                        <div class="layui-col-md4">
                            <a href="#" class="layui-btn    layui-btn-xs layui-btn-radius layui-btn-primary">Mybatis</a>
                        </div>
                        <div class="layui-col-md4">
                            <a href="#" class="layui-btn   layui-btn-xs layui-btn-radius layui-btn-primary">区块链</a>
                        </div>
                    </div>

                </div>
            </div>

            <div class="layui-card">
                <div class="layui-card-header">友情链接</div>
                <div class="layui-card-body">
                    <ul>
                        <li class="fly-item">
                            <a href="http://www.zhanyisc.com" class="layui-btn layui-btn-sm layui-btn-primary">
                                <i class="layui-icon">&#xe64c;</i> 展谊科技官网
                            </a>
                        </li>
                        <li class="fly-item">
                            <a href="http://www.zhanyisc.com" class="layui-btn layui-btn-sm layui-btn-primary">
                                <i class="layui-icon">&#xe64c;</i> 展谊科技官网
                            </a>
                        </li>
                        <li class="fly-item">
                            <a href="#" class="layui-btn layui-btn-sm layui-btn-primary">
                                <i class="layui-icon">&#xe64c;</i> 绵阳新闻网
                            </a>
                        </li>
                        <li class="fly-item">
                            <a href="#" class="layui-btn layui-btn-sm layui-btn-primary">
                                <i class="layui-icon">&#xe64c;</i> 抖音小视频
                            </a>
                        </li>
                    </ul>

                </div>
            </div>
        </div>
    </div>

</div>

<div id="footer" class="fly-footer">
    <p><a href="http://www.miitbeian.gov.cn/" target="_blank">蜀ICP备12345970号</a> 2018 ©
        <a href="http://www.javagood.cn/" target="_blank">zhanyisc.com 出品</a> </p>

</div>

<script type="text/javascript" src="layui/layui.js"></script>


<script>
    //注意：导航 依赖 element 模块，否则无法进行功能性操作
    layui.use('element', function(){
        var element = layui.element;

        //…
    });
</script>
</body>
</html>